<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <th:block th:include="include :: header('随手拍详细')"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link th:href="@{/res/detailError/lib/weui.min.css}" rel="stylesheet"/>
    <link th:href="@{/res/detailError/css/jquery-weui.css}" rel="stylesheet"/>
    <link th:href="@{/res/detailError/css/common.css}" rel="stylesheet"/>
</head>
<body class="bgline3">
<div class="weui-form-preview">
    <div class="weui-form-preview__bd">
        <div class="weui-form-preview__item">
            <label class="weui-form-preview__label">标题</label>
            <span class="weui-form-preview__value" th:text="${request.hybt}"></span>
        </div>
        <div class="weui-form-preview__item">
            <label class="weui-form-preview__label">内容</label>
            <span class="weui-form-preview__value" th:text="${request.hynr}"></span>
        </div>
        <div class="weui-form-preview__item">
            <label class="weui-form-preview__label">提交人</label>
            <span class="weui-form-preview__value" th:text="${request.tjrxm}"></span>
        </div>
    </div>
</div>

<div class="flex wraps">
    <div th:each="photo : ${photo}" class="col-sm-4">
        <img th:if="${photo}" th:src="@{'/sys/common/view/' + ${photo}}"
             class="wt80 ht80 mlr10 mtb10" th:onclick="setBgc([[${photo}]])">
    </div>
</div>


<!-- 预览大图窗口 -->
<div class="weui-gallery" style="display: none">
    <span class="weui-gallery__img" style="background-image: url(./img/asdapp.png);"></span>
    <!-- <div class="weui-gallery__opr">
      <a href="javascript:" class="weui-gallery__del">
        <i class="weui-icon-delete weui-icon_gallery-delete"></i>
      </a>
    </div> -->
</div>

<script th:src="@{/res/detailError/js/jquery-1.12.4.min.js}"></script>
<script>
    $(function () {
        $(".weui-gallery").click(function () {
            $(this).hide()
        })
    })

    function setBgc(url) {
        $(".weui-gallery").show();
        $(".weui-gallery .weui-gallery__img").css({"backgroundImage": "url(/sys/common/view/" + url + ")"})
    }
</script>

</body>
</html>
